/*后台公用样式*/

.login {background: url(../images/bg-pattern.png) royalblue;}
.login .login-title {color: #fff;text-align: center;font-size: 20px;margin-top: 200px;}
.login .login-form {max-width: 450px;margin: 10px auto;position: relative;left: -50px;color: #fff;}
.login .login-form .captcha {width: 140px;height: 38px;cursor: pointer}
.login .login-form input {background-color: rgba(255, 255, 255, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}
.login .login-form button {width: 100%;background-color: #048f74;}

.logo {margin-top: 20px;margin-left: 20px;}

.header {background-color: #393D49;}

.footer {line-height: 44px;}

.layui-body {left: 210px;}
.layui-side {top: 60px;}
.layui-table tbody tr:hover {background-color: #f2f2f2;}
.layui-tab {overflow: visible;}
.layui-tab-title > li > a {display: block;}
.layui-btn-normal {background: #4caf50;}
.layui-btn-danger {background: #e90d24;}
.layui-nav-tree .layui-nav-child dd a {text-indent: 16px;}

.form-container {max-width: 800px;}
.form-container .edui-editor {margin-top: -7px;margin-bottom: -7px;margin-left: -11px;}

/*分页*/
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}

.photo-list {margin: 5px 0;}
.layui-layout-admin .layui-footer{text-align:center}

.layui-layout-admin .layui-header.title{color:#c2c2c2;font-size:24px;padding: 0 20px;line-height: 60px;}
.layui-nav-item a {font-size:14px;}
.layui-layout-admin .layui-header.title img {width: 35px;vertical-align: middle;margin-right: 5px;}


.crop-mask{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; left:0; top:0; z-index:1000; display:none;}
.crop-container{ width:100%; height:510px; position:fixed; left:0 ;top:50%; margin-top:-320px; z-index:1002; display:none;}
.img-container { width:500px; height:400px; margin:10px auto 0px auto; overflow:hidden; }
.imgcrop-main{ width:500px; height:500px; margin:0px auto; overflow:hidden; position:relative; font-family:"微软雅黑"; left:0; top:0; background:#fff; box-shadow: 0 0 15px 3px rgba(0,0,0,.12);}
.img-container img {max-width: 100%; display:block; margin:0px auto;}
.cropper-result{ position:absolute; left:0px; bottom:75px; width:100%; height:30px; line-height:30px; background:rgba(0,0,0,.5); color:#fff; text-align:center; color:#fff; z-index:99; font-size:12px; display:none;}
.bh-cropmain{ width:100%; height:auto; position:relative;}

.ui-uploads input{ width:100px; height:100px; opacity:0; position:absolute; left:0; top:0; z-index:1000; cursor:pointer;}
.modal-header{ height:38px; line-height:38px; overflow:hidden;}
.modal-header span{ float:right; margin:5px 10px 0 0; cursor:pointer; color:#cccccc; font-size:18px;}
.modal-header h4{ float:left; margin-left:10px; color:#333;}